<template>
	<view>
		<view class="header" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);">
		                <view class="header-hd">
		                    <view class="header-btn" style="display: none;">
		                        <i class="uni-btn-icon" style="color: rgb(0, 0, 0); font-size: 27px;"></i>
		                    </view>
		                    <view class="header-ft"></view>
		                </view>
		                <view class="header-bd">
		                    <view class="header__title" style="font-size: 16px; opacity: 1;">
		                        在线充值订单
		                    </view>
		                </view>
		                <view class="header-ft"></view>
		            </view>
      <view class="tab">
          <view class="bar flexJA flexSb">
              <view class="left" id="app">
                  <view class="flexJA btn1">
                      <uni-text>
                          <span>全部类型</span>
                      </uni-text>
                    <img style="height: 12px;" src="">
                  </view>
              </view>
              <view class="right flexJA">
                  <uni-text>
                      <span>一键操作在线</span>
                  </uni-text>
                  <view style="transform: scale(0.7);">
                      <view class="div-wrapper">
                          <view class="div-input div-input-checked" id="on_line_status"></view>
                      </view>
                  </view>
              </view>
          </view>
          <view class="search flexJA flexSb">
              <view class="left flexJA flexFs">
                  <view class="icon">
                      <view style="background-image: url(/static/index/image/74.png); background-position: 0% 0%; background-size: 100% 100%; background-repeat: no-repeat;height: 100%;"></view>
                  </view>
                  <uni-input class="text">
                      <view class="uni-input-wrapper">
                          <input maxlength="140" type="text" class="uni-input-input" id="content" placeholder="请输入卡号/订单号搜索">
                      </view>
                  </uni-input>
              </view>
              <view class="btn flexJA" onclick="order_list()">搜索</view>
          </view>
          <view class="menu flexJA flexSb">
              <view class="item flexJA check" data-value="0">待充值</view>
              <view class="item flexJA" data-value="1">充值中</view>
              <view class="item flexJA" data-value="2">已完成</view>
              <view class="item flexJA" data-value="3">已取消</view>
              <view class="item flexJA" data-value="4">全部</view>
          </view>
      </view>
      <view class="list" id="order_list">
                              <view class="uni-load-more more">
                                  <uni-text class="uni-load-more__text" style="color: rgb(119, 119, 119);">
                                      <span>没有更多数据了</span>
                                  </uni-text>
                              </view></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>

</style>
